<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>
  span:only-child {

   background-color: yellow;

  }
 </style>
</head>

<body>
 <script src="ie7-demo.js"></script>

 <h2>:only-child</h2>

 <p><span>This is the only child of this paragraph. It should be yellow.</span></p>

 <p><span>Howdy!</span><br>
  <span>This is not the only child of this paragraph. It should have no background color.</span></p>

  <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
